<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/img/app_icon.svg" />
    <!-- viewport-fit=covert 让pwa应用充满屏幕，包括状态栏 -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no, viewport-fit=cover"
    />
    <!-- 桌面图标 -->
    <link rel="apple-touch-icon" href="/img/app_icon.png" />
    <!-- 启动屏幕动画 -->
    <link rel="apple-touch-startup-image" href="/img/banner.png" />
    <!-- 开启全屏显示，以app模式运行 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 控制状态栏的背景色 -->
    <meta name="theme-color" content="#fff" />
    <title>react-H5-PWA</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
    <!-- 引入 vConsole 脚本 -->
    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
    <script>
      // 初始化 vConsole
      new VConsole();
    </script>
  </body>
</html>
